<html>
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
  <script src="https://unpkg.com/vue@next"></script>
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css"/>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-plus"></script>

  <script src="https://unpkg.com/@element-plus/icons-vue"></script>

  <title>Element Plus demo</title>
</head>
<body>
<div id="app">
  <el-button>{{ message }}</el-button>

  <div class="mt-4">
    <el-input v-model="input3" placeholder="默认值" class="input-with-select">
      <template #suffix>
        <i class="el-icon" @click="aa" style="font-size: 20px">
          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728="">
            <path
              fill="currentColor"
              d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"
            ></path>
          </svg>
        </i>
      </template>
    </el-input>
  </div>

  <!--  <SelectParamForm :value="value" :symbol="symbol">111</SelectParamForm>-->
</div>
<script>
  // import {SymbolEnum} from "@/utils/dict.js";
  // import SelectParamForm from "@/views/dwh/tableData/components/selectParamForm.vue";

  const App = {
    components: {
      // SelectParamForm
    },
    data() {
      const aa = () => {
        console.log(this.input3);
      };

      return {
        message: "Hello Element Plus",
        value: "value",
        // symbol: SymbolEnum.EQ,
        input3: "1111",
        aa
      };
    }
  };

  const app = Vue.createApp(App);

  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
  }

  app.use(ElementPlus);
  // app.use(icons);
  app.mount("#app");
</script>
</body>
</html>
